What is the purpose of the `@for` directive in SASS?
Description : Using `@for` loops for iterative tasks in SASS.
Answer :
`@for` is a SASS directive used to create loops that iterate over a range of values. For example, to generate a series of classes with different widths, use `@for $i from 1 through 4 { .col-#{$i} { width: 25% * $i; } }`. This creates `.col-1`,`.col-2`, etc., each with incrementally larger widths, simplifying repetitive styling tasks and enhancing code maintainability.